<template>
  <div>
      <el-dialog 
          v-model="ruleMark.show"
          :before-close="handleClose" 
          :showClose="true"
          width="40%"
          title="规则说明"
      >
        <div class="remark_style">
            <p>* 规则分三段 1 正常取值 2 字符截取 3 字符替换</p>
            <p>* 1. 使用 tg. 分割 如果只有正常取值可不加 标志符位</p>
            <p>* 2. 字符截取规则 tg.sp(0@2) 字符取substring(0,2)取值, lp(.@1) 指 split(".")分割取 第一个 & 符 合并取值 暂不做复杂处理 tg.sp()&lp() 格式</p>
            <p>* 3. rp 字符替换 tg.rp(我@你) "我"替换 "你",tg.rp(#nbsp@"") 去空格</p>
            <p>* 示例1://li[@class='author']/a/text()tg.sp(0@3)&lp(:@1)tg.rp(#nbsp@"")</p>
            <p>* 示例2:增加href 取值规则 tg.lk(.@0) 最后取链接 ()取值第几个链接 默认 0 链接默认最后取值 不做分割数据</p>
            <p></p>
            <p></p>
        </div>
      </el-dialog>
  </div>
</template>

<script setup>

const props = defineProps({ruleMark:{type:Object}})
let ruleMark = props.ruleMark
const handleClose = ()=>{
  ruleMark.show = false;
}
</script>
<style lang="scss" scoped>
.remark_style{
    width: 100%;
    background: beige;
}
.remark_style p{
    line-height: 50px;
    color: crimson;
    letter-spacing: 1px;
    font-size: unset;
    font-family: cursive;
}

</style>